/**
 * Created by suweiming on 2017/12/30.
 */
import React from 'react';
import {
    Container,
    Header,
    Button,
    Body,
    Left,
    Right,
    Text,
    View,
    Image,
    DataTips,
    validateForm,
    getMergeFormData,
    fnFail,
    fnSuccess,
    Content,
    Fom, Loading,
    StyleSheet,
    Tabs,Tab,
} from '../../../lib/components';
import {SafeAreaView} from 'react-navigation';

class Banner extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        return <SafeAreaView
            style={styles.bannerContainer}
            forceInset={{top: 'always'}}
        >
            <View style={styles.banner}>
                <Image source={require('../../../assets/NavLogo.png')} style={styles.image}/>
                <Text style={styles.title}>我的消息</Text>
            </View>
        </SafeAreaView>
    }
};
/**
 * 驾驶司机
 */
export default class Msg extends React.Component {
    constructor(props) {
        super(props);
        this.state = {data: [], loading: true,};
    }

    componentDidMount() {
    }

    render() {
        const self = this;

        return <Container>
            <Banner/>
            <Tabs initialPage={1} style={{
                backgroundColor: '#673ab7',
            }}>
                <Tab heading="通知">
                    <DataTips>通知中心</DataTips>
                </Tab>
                <Tab heading="消息">
                    <DataTips>消息中心</DataTips>
                </Tab>
                <Tab heading="私信">
                    <DataTips>私信中心</DataTips>
                </Tab>
            </Tabs>
        </Container>
    }
};
const styles = StyleSheet.create({
    bannerContainer: {
        backgroundColor: '#673ab7',
        paddingTop: 20,
    },
    banner: {
        flexDirection: 'row',
        alignItems: 'center',
        padding: 16,
    },
    image: {
        width: 36,
        height: 36,
        resizeMode: 'contain',
        tintColor: '#fff',
        margin: 8,
    },
    title: {
        fontSize: 18,
        fontWeight: '200',
        color: '#fff',
        margin: 8,
    },
});
